<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title></title>
    </h:head>
    <h:body>
        <h:form>
            <p:dialog header="Report issue" widgetVar="issueDialog" modal="true" fitViewport="true">
                <h:panelGrid columns="2">
                    <h:outputLabel  value="E-mail" />
                    <p:inputText  id="emailAnswer" required="true" />
                   
                    <h:outputLabel  value="Description" />
                    <p:inputTextarea rows="2" id="description"  required="true" />

                    <p:commandButton type="reset" value="Reset" />
                    <p:commandButton value="Save"  oncomplete="PF('issueDialog').hide();" />
                </h:panelGrid>
            </p:dialog> 
            
            <p:dialog header="Share with a friend" widgetVar="shareDialog" modal="true" >
                <h:panelGrid id="eventDetails" columns="2">
                    <h:outputLabel  value="E-mail friend" />
                    <p:inputText id="emailFriend" required="true" />
                   
                    <h:outputLabel  value="Comment" />
                    <p:inputTextarea rows="2" id="comment"  required="true" />

                    <p:commandButton type="reset" value="Reset" />
                    <p:commandButton value="Save"  oncomplete="PF('shareDialog').hide();" />
                </h:panelGrid>
            </p:dialog> 
        </h:form>
    </h:body>
</html>

